@charset "utf-8";
body {  background: none repeat scroll 0 0 #2d3c4b;}
.container{margin:auto;padding:0;width:100%!important;height:100%;}
.modal-dialog{margin:30px auto;width:800px;}
.money-red{color: #4797f1;font-weight:bold}
ul,ol,ul li,ol li{margin:0;padding:0;list-style-type:none;}
a{text-decoration:none!important;}
.clear{clear:both;}

.menu_p { font-size:16px; color:#d1d2d4; border-bottom:1px solid #333;padding:3px 0 3px 10px;}
.menu-top{width:100%; height:120px;border-bottom:4px solid #d1d1d4; padding:20px;}
.menu-logo{height:50px; font-size:22px;color: #1abc9c;text-align: center;width:100%;line-height: 57px;border-bottom:1px solid #333;margin-bottom:10px;}
.menu-subtitle{float:left;padding-top:2px;padding-left:10px;margin-top:15px; margin-bottom:10px;color:#fff;text-align:left;font-size:16px;}
.menu-title{float:left;padding-top:2px;padding-left:10px; margin-bottom:10px;color:#fff;text-align:left;font-size:14px;}
.menu-nav{padding:4px 0;text-align:center;margin-top:5px;height:60px;}
.menu-nav a{text-align: center;color:#d1d2d4;}
.menu-nav a:hover{color:#00a7ea;}
.menu-nav a i{border:2px solid #d1d2d4;border-radius:50em;width:30px;height:30px; padding:5px;}
.menu-nav a:hover i{border:2px solid #00a7ea;color:#00a7ea;}
.menu-nav span{display:block;}

.menu{width:250px;background:none repeat scroll 0 0 #2d3c4b;position:absolute;z-index: 1;height: auto;}
.menu-permission{margin-top:10px;}
.menu-permission h5,.menu-zones h5{margin:0;padding:8px 14px;color:#00a7ea;text-transform:uppercase;}
.menu-permission ul{margin-bottom:10px;}
.menu-permission ul a{display:block;padding:9px 10px 9px 10px;border-bottom:1px solid rgba(0,0,0,0.1);color:#abb1b7;font-size:14px; font-weight:normal;}
.menu-permission ul a .badge{text-indent:0;color:#fff;background:#d9534f;}
.menu-permission ul a:hover{background:none repeat scroll 0 0 rgba(0,0,0,0.1);color:#fff;}
.menu-permission ul a:hover .fa:before{color:#abb1b7;border:1px solid #abb1b7;}
.menu-permission ul .fa:before{border:1px solid #d1d2d4;border-radius: 50%; color: #d1d2d4;padding:5px;text-align: center; margin-left:5px; width:22px; height:22px; font-size:11px; margin-right:5px;}
.menu-permission ul .title{float:right;padding-right:12px;color:#777;font-size:12px;margin-top:2px;}
.menu-permission ul li.selected a{box-shadow:inset 4px 0 0 0 #2986b8;background:none repeat scroll 0 0 rgba(0,0,0,0.1);color:#fff;padding:9px 10px;}
.menu-permission ul li.selected .fa:before{border:1px solid #fff;border-radius: 50em; color: #fff;padding:5px;text-align: center; margin-left:5px; width:22px; height:22px; font-size:11px; margin-right:5px;}
.menu-permission ul li.selected .title{color:#fff;}
.menu-permission .guide{float:right;color:#468847;}
.menu-permission .guide span{margin:0 6px 0 0;}
.menu-lang{padding:10px 20px 40px 10px;border-top:1px solid #333;background:none repeat scroll 0 0 #1b1b1b;}
.menu-lang .current-lang{float:right;display:inline-block;color:#555;vertical-align:middle;}
.menu-lang .flags{float:right;display:inline-block;margin-left:10px;}
.menu-lang .flags ul{display:none;}

.page-wrapper{height:100%; padding: 0;min-height: 568px;background-color: #fff;}
.page-wrapper .wrapper{overflow-y:auto;height:100%;}
.page-wrapper .page-intro{overflow:hidden;background:none repeat scroll 0 0 #eee;}
.page-wrapper .page-intro h1{margin:0px;color:#3b3a3f;text-transform:capitalize;font-size:20px; background-color:#fff; padding:15px 0 15px 20px;  border-bottom: 1px solid #d1d1d4;height:50px;}
.page-wrapper .page-intro .intro-gary { font-size:16px; color:#e7e9ec; font-weight:normal;}
.page-wrapper .page-intro .lead{margin:0px;font-size:14px; background-color:#f1f1f2;min-height: 80px; padding: 20px; color:#676a74;}
.page-wrapper .pane-intro{margin:20px 30px 0;padding:10px;background:none repeat scroll 0 0 #d9edf7;color:#3a87ad;line-height:1.5;}
.page-wrapper .page-content{padding:10px 20px;}
.page-wrapper .page-content .tips{color:#777;font-style:italic;}
.page-wrapper .toolbar{position:relative;z-index:4;margin:0;}
.page-wrapper .toolbar .pagination,.page-wrapper .toolbar .input-search{float:right;}
.page-wrapper .page-tabs{padding:0 30px;background:none repeat scroll 0 0 #eee;}
.page-wrapper .page-tabs li{display:inline-block;}
.page-wrapper .page-tabs li a{display:inline-block;padding:7px 20px 10px;border-top:3px solid transparent;color:#555;font-size:14px;}
.page-wrapper .page-tabs li a .icon:before{margin-right:6px;padding:4px 5px;border-radius:30px;background:none repeat scroll 0 0 #555;color:#fff;text-align:center;font-size:14px;}
.page-wrapper .page-tabs li .icon-routers{margin-right:6px;border:5px solid #555;border-radius:30px;background-color:#555;background-position:0 0;background-size:95% auto;}
.page-wrapper .page-tabs li.selected a{border-top:3px solid #1f90c8;background:none repeat scroll 0 0 #fff;color:#1f90c8;}
.page-wrapper .page-tabs li.selected a .icon:before{background:none repeat scroll 0 0 #1f90c8;}
.page-wrapper .page-tabs li.selected a .icon-routers{border-color:#1f90c8;background-color:#1f90c8;}

.image-item{margin:3px 0;padding:8px 15px;border:1px solid #d1d2d5;border-radius:3px;cursor:pointer;}
.pagination{display:inline-block;margin:0;padding-left:0;border-radius:4px;}
.center{text-align:center}
h5 { font-size:20px; border-bottom:1px solid #d1d2d5; margin-bottom:20px; width:740px; padding-bottom:2px; color:#676a74; font-weight:normal;}

#wrapper {
    width: 100%;
}


@media(min-width:768px) {
    .page-wrapper {
        position: inherit;
        margin: 0 0 0 250px;
    }
}

#toggle-menu {
    margin-right:8px;
}

table.dataTable tr.selected td {
    background:#d9edf7;
}

.selection {
    position: absolute;
    border: 1px solid #89B;
    background: #BCE;
    background-color: #BEC;
    border-color: #8B9;
}


.b-b {
    border-bottom: 1px solid #eaeef1;
}
.b-r {
    border-right: 1px solid #eaeef1;
}

.padder-v {
    padding-top: 15px;
    padding-bottom: 15px;
}
.i-s-2x {
    width: 2em;
    height: 2em;
    font-size: 2em;
    line-height: 2em;
}
.i-s {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right:5px;
}

.i-s-2x .i-s-base {
    font-size: 2em;
}
.i-s>i {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: inherit;
}
.hover-rotate {
    -webkit-transition: all .2s ease-in-out .1s;
    transition: all .2s ease-in-out .1s;
}
.text-info {
    color: #1ccacc;
}
.block {
    display: block;
}
.text-white {
    color: #fff;
    color: rgba(255,255,255,0.8);
}

#example tr th:hover {
    background:#f5f5f5;
}

.animate span, .animate i {
    position: relative;
    top: 1px;
    display: inline-block;
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

.popover-title {
    padding: 10px 14px;
    font-size:16px;
}
.popover-content .fa-3x {
    vertical-align: middle;
}

thead tr th .btn-filter .dropdown-toggle {height:18px;line-height:18px;padding:0 4px;}

.treegrid-indent {width:16px; height: 16px; display: inline-block; position: relative;}
.treegrid-expander {width:16px; height: 16px; display: inline-block; position: relative; cursor: pointer;}

.note-dialog .modal {z-index:1060;}

.bootstrap-dialog .modal-dialog {
    width: 70%;
    max-width:885px;
}


@media(max-width:768px) {
    .bootstrap-dialog .modal-dialog {
        width: 95%;
    }
}

.btn-filter ul.dropdown-menu {
    max-height: 300px;
    overflow-y: auto;
}